<template>
  <a-timeline
    :mode="mode"
    :pending="pending"
    :pending-dot="pendingDot"
    :reverse="reverse"
  >
    <template v-if="$slots.pending" #pending>
      <slot name="pending" />
    </template>
    <template v-if="$slots.pendingDot" #pendingDot>
      <slot name="pendingDot" />
    </template>
    <slot />
  </a-timeline>
</template>

<script>
import { defineComponent } from 'vue'
import { Timeline } from 'ant-design-vue'
export default defineComponent({
  name: 'ZTimeline',
  components: {
    ATimeline: Timeline
  },
  props: {
    mode: {
      type: String,
      default: undefined
    },
    pending: {
      type: [Boolean, String],
      default: false
    },
    pendingDot: {
      type: String,
      default: undefined
    },
    reverse: {
      type: Boolean,
      default: false
    }
  }
})
</script>
